<template>
  <div>
    <div class="weekend-title">周末去哪儿</div>
    <div class="weekend-item">
      <div class="item-img-wrapper">
        <img
          class="item-img"
          src="https://imgs.qunarzz.com/sight/p0/1904/61/61337264e2eee99aa3.img.jpg_200x200_bf43f035.jpg"
        />
      </div>
      <div class="item-info">
        <p class="item-title">得到的点点滴滴</p>
        <p class="item-desc">休息休息</p>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "HomeWeekend"
};
</script>

<style lang="stylus" scoped>
.weekend-title 
  line-height: 0.8rem
  background: #eee
  text-indent: 0.2rem
.weekend-item 
  overflow: hidden
  .item-img-wrapper 
    overflow: hidden
    height: 0
    padding-bottom: 37.09%
    .item-img 
      width: 100%
  .item-info
     padding: .1rem
     .item-title
      line-height: .54rem
      font-size: .32rem
     .item-desc
      line-height: .4rem
      color: #ccc



</style>